<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.cdes {
	text-align: right;
	font-family: "微软雅黑";
	font-size: 1em;
}
.edes {
	font-family: "微软雅黑";
	font-size: 1em;
}
.ipt {
	font-family: "微软雅黑";
	font-size: 1em;
}
</style>
</head>
<body>
<form method="post" action="/member.do">
	<input type="hidden" name="act" id="act" value="${act}"/>
<table>
	<tr>
		<td class="cdes">性别|</td>
		<td class="edes">Gender</td>
		<td>
			<select name="gender" class="ipt">
				<option value="-1">&lt;请选择&gt;</option>
				<option value="1">先生</option>
				<option value="0">女士</option>
			</select>
		</td>
	</tr>
	<tr>
		<td class="cdes">姓名|</td>
		<td class="edes">Name</td>
		<td><input type="text" name="name" class="ipt"/></td>
	</tr>
	<tr>
		<td class="cdes">密码|</td>
		<td class="edes">Password</td>
		<td><input type="password" name="password" class="ipt"/></td>
	</tr>
	<tr>
		<td class="cdes">身份证号|</td>
		<td class="edes">ID Num.</td>
		<td><input type="text" name="idnum" class="ipt"/></td>
	</tr>
	<tr>
		<td class="cdes">手机|</td>
		<td class="edes">Mobile</td>
		<td><input type="text" name="mobile" class="ipt"/></td>
	</tr>
	<tr>
		<td class="cdes">邮箱|</td>
		<td class="edes">E-mail</td>
		<td><input type="text" name="email" class="ipt"/></td>
	</tr>
	<tr>
		<td class="cdes">自我介绍|</td>
		<td class="edes">Describe</td>
		<td><input type="text" name="desc" class="ipt"/></td>
	</tr>
	<tr>
		<td colspan="3"><input type="image" src="img/btn.gif" onclick="submit();"/></td>
	</tr>
</table>
</form>

<c:if test="${not empty members}">
<table id="members" class="elist">
	<tr>
		<td class="head">Gender</td>
		<td class="head">Name</td>
		<td class="head">ID</td>
		<td class="head">Mobile</td>
		<td class="head">E-mail</td>
		<td class="head">Desc</td>
	</tr>
	<c:forEach var="m" items="${members}">
	<tr>
		<td class="ipte">${m.gender}</td>
		<td class="ipte">${m.name}</td>
		<td class="ipte">${m.idNum}</td>
		<td class="ipte">${m.mobile}</td>
		<td class="ipte">${m.email}</td>
		<td class="ipte">${m.desc}</td>
	</tr>
	</c:forEach>
</table>
</c:if>

</body>
</html>